.office-efficiency-index {
        font-family: PingFangSC-Semibold, PingFang SC;
        background-color: #22284A;
        background-size: cover;
        overflow-y:auto;
    }
    /*头部样式*/
    .office-header {
        background: url("/template/LSD/img/office_efficiency_header_bg.png")no-repeat center center;
        background-size: 100% 100%;
    }
    .office-header .title-info {
        height: 3rem;
        color: #03C2EC;
        text-align: center;
        font-family: 'cuhei';
        line-height: 3rem;
        vertical-align: middle;
    }
    .title-info span {
        font-size: 24px;
        font-weight: 600;
    }
    .analysis-info {
        height: 2rem;
        line-height: 1.5rem;
        vertical-align: middle;
        font-size: 20px;
        font-weight: 600;
        background-image: linear-gradient(#D8AE22, #DC9546);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -webkit-animation: hue 60s infinite linear;
    }
    .analysis-info span {
        font-size: 20px;
        font-weight: 600;
    }
    .analysis-filter .col-md-4 {
        padding: 0px;
        margin: 0px 10px 0px 10px;
    }
    .analysis-filter .control-label {
        font-size: 15px;
        color: #fff;
    }
    .analysis-filter .form-control {
        height: 38px;
    }
    .flex-row {
        display: flex
    }
    .cust-type-default {
        float: right;
        cursor: pointer;
        width: 62px;
        height: 32px;
        line-height: 30px;
        color: #14B4FE;
        border: 1px solid #14B4FE;
        text-align: center;
    }
    .cust-type-default.left {
        border-radius: 6px 0px 0px 6px;
    }
    .cust-type-default.right {
        border-radius: 0px 6px 6px 0px;
    }
    .cust-type-default.active {
        background: #14B4FE;
        color: #fff;
    }
    
    /*数据模块样式*/
    .office-efficiency-index .office-header-content {
        margin-bottom: 10px;
    }
    .office-efficiency-index .office-header-content .col-sm-3.col-md-3.pd {
        padding: 0px;
        margin: 0px;
    }
    .office-efficiency-index .office-header-content .col-sm-4.col-md-4.pd {
        padding: 0px;
        margin: 0px;
    }
    .office-efficiency-index .office-header-content .col-sm-5.col-md-5.pd {
        padding: 0px;
        margin: 0px;
    }
    .office-efficiency-index .office-header-content .col-sm-6.col-md-6.pd {
        padding: 0px;
        margin: 0px;
    }
    .office-efficiency-index .col-info {
        height: 36.5vh;
        margin: 0px 10px 20px 10px;
        border-radius: 8px;
        background-color: #181C41;
    }
    .office-efficiency-index .col-info .title {
        height: 3rem;
        line-height: 3rem;
        vertical-align: middle;
        padding-left: 15px;
        color: #03C2EC;
        text-align: left;
    }
    .office-efficiency-index .col-info .title span {
        font-size: 1rem;
        font-weight: 600;
    }
    .office-efficiency-index .col-info .content {
        padding-left: 15px;
    }
    /*门店基本信息*/
    .office-efficiency-index .col-info .content.base-info table {
        width: 100%;
    }
    .office-efficiency-index .col-info .content.base-info table td {
        width: 25%;
        height: 20px;
    }
    .content.base-info .channel-name {
        line-height: 2rem;
        max-width: 360px;
        color: #fff;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .content.base-info .channel-name span {
        font-size: 15px;
    }
    .base-info .integral-echart div {
        width: 25%;
        padding: .5rem 0;
        color: #00A8FE;
    }
    .base-info .integral-echart div:first-child>div {
        display: grid;
        width: 4.5rem;
        height: 4.5rem;
        padding: .3rem;
        border-radius: 4rem;
        border: .4rem solid #e63f19;
        text-align: center;
        margin: auto;
    }
    .base-info .integral-echart div:first-child>div>span {
        margin: auto;
        font-size: 0.3rem;
        color: #fff;
    }
    .base-info .integral-echart div:first-child>div>span:first-child {
        font-size: 0.9rem;
        color: #f0c946;
    }
    .base-info .integral-echart>div>span {
        display: flex;
        justify-content: center;
        padding-top: .5rem;
        font-size: 1.4rem;
        font-weight: bold;
    }
    .content.base-info .ding-dan-bg {
        margin: auto;
		width: auto;
        height: 2rem;
        background: url("/template/LSD/img/ding-dan.png")no-repeat center center;
        background-size: 50px 44px;
    }
    .content.base-info .ke-liu-bg {
        margin: auto;
		width: auto;
        height: 2rem;
        background: url("/template/LSD/img/ke-liu.png")no-repeat center center;
        background-size: 50px 44px;
    }
    .content.base-info .pai-dui-ji-bg {
        margin: auto;
		width: auto;
        height: 2rem;
        background: url("/template/LSD/img/pai-dui-ji.png")no-repeat center center;
        background-size: 33px 44px;
    }
    .content.base-info .td-shu-zhi span {
        display: inline-block;
        width: 25%;
        line-height: 2rem;
        color: #fff;
        font-size: 0.5rem;
        text-align: center;
    }
    .content.base-info .channel-star-level {
        display: inline-block;
        line-height: 3rem;
        font-size: 1rem;
        color: #fff;
        padding-left: 20px;
    }
    .content.base-info .chanenl-star {
		display: flex;
        align-items: center;
        padding-left: 10px;
    }
    .content.base-info .chanenl-star img {
        float: left;
        width: 21px;
        height: 20px;
        margin-left: 5px;
    }
    .content.base-info .chanenl-star div {
        float: left;
        padding-left: 15px;
        color: #fff;
    }
    .content.base-info .label-name {
        dispaly: inline-blcok;
        width: 25%;
        color: #fff;
        white-space: nowrap;
        padding-left: 20px;
    }
    .content.base-info .label-value {
        width: 23%;
        padding-left: 15px;
        color: #fff;
    }
    .content.base-info .label-value img {
        float: left;
        width: 21px;
        height: 20px;
    }
    .content.base-info .label-value .score-val {
        float: left;
        padding-left: 5px;
        height: 30px;
        color: #fff;
    }
    /*营业员受理详情*/
    .office-efficiency-index .col-info .content.staff-info table {
        width: 100%;
    }
    .office-efficiency-index .col-info .content.staff-info table td {
        width: 33%;
        height: 20px;
    }
    .swiper-container {
		height: 100%;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
    }
    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }
    .swiper-slide {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
    }
    .content.staff-info .td-avg-time>div {
        align-items: center;
        color: #fff;
        margin-right: 5px;
    }
    .content.staff-info .td-avg-time .index {
        width: 1.3rem;
        height: 1.3rem;
        line-height: 1.3rem;
        margin-right: .3rem;
        vertical-align: middle;
        border-radius: 1rem;
        display: block;
        text-align: center;
        color: #03C2EC;
        border: 1px solid #03C2EC;
    }
    .content.staff-info .td-avg-time .index.first {
        color: #E60012;
        border: 1px solid #E60012;
    }
    .content.staff-info .td-avg-time .index.second {
        color: #E8BC25;
        border: 1px solid #E8BC25;
    }
    .content.staff-info .td-avg-time .staff-name {
        font-size: 20px;
        font-weight: 600;
        color: rgba(255, 255, 255, 1);
        margin-right: 15px;
    }
    .content.staff-info .td-avg-time .avg-time-label {
        font-size: 15px;
        width: 60px;
        white-space: nowrap;
    }
    .content.staff-info .td-avg-time .avg-time-value {
        color: #DC9546;
        white-space: nowrap;
        text-align: left;
    }
    .content.staff-info .staff-cust-time {
        display: grid;
        width: 33%;
        padding-top: .3rem;
        height: 4rem;
        line-height: 2rem;
        margin: .5rem .3rem;
        vertical-align: middle;
        text-align: center;
        color: #fff;
        background: #22284A;
        border-radius: 6px;
    }
    .content.staff-info .staff-order-count {
        display: grid;
        width: 33%;
        padding-top: .3rem;
        height: 4rem;
        line-height: 2rem;
        margin: .5rem .3rem;
        vertical-align: middle;
        text-align: center;
        color: #fff;
        background: #22284A;
        border-radius: 6px;
    }
    .content.staff-info .staff-alarm {
        display: grid;
        width: 33%;
        padding-top: .3rem;
        height: 4rem;
        line-height: 2rem;
        margin: .5rem .3rem;
        vertical-align: middle;
        text-align: center;
        color: #fff;
        background: #22284A;
        border-radius: 6px;
    }
    .content.staff-info .split-line {
        margin: 15px;
        height: .1rem;
        background: linear-gradient(to left, #181C41, #7187AC, #181C41)
    }
    .content.staff-info .td-integral div {
        color: #fff;
        margin-right: 5px;
    }
    .content.staff-info .td-integral .integral-label {
        font-size: 15px;
        width: 80px;
        white-space: nowrap;
        padding-left: 5px;
    }
    .content.staff-info .td-integral .integral-value {
        display: inline-block;
        color: #DC9546;
        width: 5rem;
        white-space: nowrap;
        text-align: left;
        padding-left: 5px;
    }
    /*门店台席受理详情*/
    .office-efficiency-index .device-info-col .col-info {
        height: 28rem;
    }
    .office-efficiency-index .device-info-col .content {
        background: url("/template/LSD/img/office_efficiency_foot_bg.png")no-repeat bottom center;
    }
    .office-efficiency-index .device-info-col .col-info .title {
        width: 200px;
    }
    .office-efficiency-index .device-info-col .col-info .title-icon {
        position: absolute;
        top: 0px;
        right: 10px;
        width: 280px;
        height: 50px;
        padding-right: 10px;
    }
    .office-efficiency-index .device-info-col .col-info .title-icon .device-alarm {
        float: right;
        margin: 5px 5px 0px 5px;
    }
    .office-efficiency-index .device-info-col .col-info .title-icon .device-alarm span {
        font-size: 25px;
        color: #fff;
        padding-left: 2px;
        padding-top: 1px;
    }
    .office-efficiency-index .device-info-col .col-info .content.deviceInfo table {
        width: 100%;
    }
    .office-efficiency-index .device-info-col .col-info .content.deviceInfo table td {
        width: 25%;
        height: 25px;
        padding: 0px;
        margin: 0px;
    }
    .content.deviceInfo .device-img {
        padding-right: 1rem;
    }
    .content.deviceInfo .device-img img {
        width: 3.2rem;
        height: 3.2rem;
    }
    .content.deviceInfo .label-name {
        padding-right: .5rem;
        font-size: 14px;
        vertical-align: middle;
        white-space: nowrap;
        color: #fff;
    }
    .content.deviceInfo .label-name .os-name {
        display: inline-block;
        width: 5rem;
        margin-top: 1rem;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .content.deviceInfo .label-name.score {
        color: #E5BB2E;
        font-size: 22px;
        font-weight: 600;
    }
    .content.deviceInfo .kuan-dai {
        text-align: center;
    }
    .content.deviceInfo .kuan-dai .progress-label {
        display: inline-block;
        margin-bottom: 5px;
        text-align: left;
        color: #fff;
        font-size: 16px;
        white-space: nowrap;
        width: 100%;
        height: 20px;
        line-height: 20px;
        vertical-align: middle;
    }
    .content.deviceInfo .nei-cun-size {
        width: 25%;
        margin-left: 15%;
        background: url("/template/LSD/img/nei_cun_size.png")no-repeat center center;
        background-size: 60px 60px;
    }
    .content.deviceInfo .cpu-use {
        width: 25%;
        background: url("/template/LSD/img/cpu_use.png")no-repeat center center;
        background-size: 60px 60px;
    }
    .content.deviceInfo .nei-cun-use {
        width: 25%;
        text-align: center;
        background: url("/template/LSD/img/nei_cun_use.png")no-repeat center center;
        background-size: 60px 60px;
    }
    .content.deviceInfo .device-use span {
        display: block;
        font-size: 15px;
        font-weight: 500;
        color: #fff;
        height: 3rem;
        line-height: 5rem;
        text-align: center;
        vertical-align: middle;
    }
    .content.deviceInfo .split-line {
        margin: 20px;
        height: 2px;
        background: linear-gradient(to left, #181C41, #7187AC, #181C41)
    }
    .content.deviceInfo .labe-value span {
        font-size: .4rem;
        color: #fff;
        height: 2rem;
        line-height: 4rem;
        vertical-align: middle;
    }
    .content.deviceInfo .progress-bar {
        background-color: #009AFD;
    }
    /*耗时步骤分析详情*/
    .office-efficiency-index .time-step-col .col-info {
        height: 28rem;
    }
    .office-efficiency-index .time-step-col .content {
        background: url("/template/LSD/img/office_efficiency_foot_bg.png")no-repeat bottom center;
    }
    /*业务类型耗时分析详情*/
    .office-efficiency-index .business-type-time-col .col-info {
        height: 28rem;
    }
    .office-efficiency-index .business-type-time-col .content {
        background: url("/template/LSD/img/office_efficiency_foot_bg.png")no-repeat bottom center;
    }